{% extends "my_groups/shared.html" %}

{% block title %}
Manage my groups
{% endblock %}

{% block content %}
	<h2>Click the add button to add a new group. Click a group to edit it:</h2>
	<div class="paragraph">
		<form id="group" name="group" action="/groups/manage/" method="post">
			{% for g,safeG in groups %}
			<input class="bulletinsImg" type="image" name="group" src="{{ STATIC_URL }}images/backgrounds/popcorn.png" id="grp{{ safeG }}" value="{{ g }}" />
			<label for="grp{{ safeG }}" >{{ g }}</label>
			<br />
			{% endfor %}
		</form>
		<div class="helpSheet">
			This is the list of all the groups you have.
			<br />
			Click any of it to edit it.	
		</div>
		<br />
		<form id="addgroupbuttton" action="/groups/create/" method="post">
			<input type="image" src ="{{ STATIC_URL }}images/buttons/add.png" value="Add new group" />
		</form>
		<div class="helpSheet">
			Click the 'Add' button to create a new group.
		</div>
		<br/>
	</div>
{% endblock %}
